#membercenter{
  overflow-x: hidden;
  overflow-y: scroll;
  -webkit-overflow-scrolling: touch;
  // -webkit-transform: translateZ(0px);
  // position: fixed;
  height:100%;
  position: absolute;
  width:100%;
  .grid-center {
  display: block;
  text-align: center;
  color: #666;
}
  h4{
    height: 10px;
    background-color:#f7f7f7;
  }
  .mem-mask{
    .pic{
      position: relative;
      img{
        width: 65%;
        height: auto;
      }
    }
    .mem-title{
      display: block;
      margin: 0 auto;
      width: 70%;
      // background-color: #fff;
      .btn{
        display: block;
        bottom: 30px;
        left: 50%;
        margin-left: -36px;
        padding: 2px 20px;
        position: absolute;
        background-color: white;
        color: @theme-color;
        border-radius: 4px;
      }
    }
    .mem-close{
      display: block;
      margin: 0 auto;
      width: 60px;
      height: 40px;
      #Layer_1{
        width: 36px;
        height: 36px;
      }
    }
  }
.mb-msg{
  background-color: white;
  // height: 16rem;
  // width: 100%;
  padding:25px 25px 0 25px;
  .mb-msg-t{
    .bg{
      width:100%;
      img{
        width:100%;
        border-radius: 10px;
      }
    }
    position:relative;
    // height: 14.25em;
    position:relative;
    .phone{
      position:absolute;
      left: 20px;
      bottom: 20px;
      font-size:18px;
    }
    .ewm{
      position: absolute;
      right: 20px;
      top: 20px;
      i{
        color: white;
      }
      img{
        width:27px;
        height:27px;
      }
    }
    p{

      color: white;
    }
    .photograph{
      padding-top: 40px;
      padding-bottom: 10px;
      img{
        width: 62px;
        height: 62px;
        border-radius:50%;
        border:3px solid rgba(255, 255, 255, 0.3);
        margin:0 auto;
        display: block;
      }
    }
    :nth-child(3){
      font-size:16px;
    }
    text-align: center;
    font-size: 14px;
  }
  .mb-msg-b{
    padding-top:0.5rem;
    overflow: hidden;
    .txt{
      display: inline-block;
      width:47%;
      float: left;
    }
    .txt-bor{
      position: relative;
    }
    .txt-bor:after{
      position: absolute;
      top: 8px;
      right: 0px;
      content:"";
      display:block;
      height: 40px;
      width: 1px;
      background-color: #fbf9fe;
    }
    .left{
      // float:left;
      width:100%;

      text-align:center;
      :nth-child(1){
        font-size:14px;
        color: #8a8a8a;
      }
      :nth-child(2){
        font-size:24px;
        color: @theme-color;
      }
    }
    .right{
      float:left;
      width:100%;
      text-align:center;
      :nth-child(1){
        font-size:14px;
        color: #8a8a8a;
      }
      :nth-child(2){
        font-size:24px;
        color: @theme-color;
      }
    }
  }
}
.mb-list{
  background-color:white;
  overflow:hidden;
}
ul{
  li{
    text-align:center;
    position:relative;
    // overflow: hidden;
    height: 80px;
    padding-top:10px;
    width:33.33333%;
    float:left;
    list-style:none;
    position:relative;
    img{
      width: 2.25rem;
      height: 2.25rem;
    }
  }
  .card{
    color: #b3b3b3 !important;
  }
  .txt{
    width: 100%;
    height: 100%;
    position:absolute;
    left: 0;
    top: 0;
    padding-top: 50px;
    box-sizing: border-box;
    display: inline-block;
    float: left;
    color: #808080;
    font-size:14px;
  }
}
.label2:after {
  left: 80px;
  top: 10px;
  position:absolute;
  content:"";
  display:block;
  width:10px;
  height:10px;
  background-color:red;
  border-radius:50%;
}
.label3:after {
  left: 5rem;
  top: 10px;
  position:absolute;
  content:"";
  display:block;
  width:10px;
  height:10px;
  background-color:red;
  border-radius:50%;
}
.label1:after {
  float:left;
  font-size:0.75rem;
  padding-left:3px;
  padding-right:3px;
  left: 3.6rem;
  top: 10px;
  color: #8a8a8a;
  position:absolute;
  content:"待开启";
  display:inline-block;
  background-color:#cccccc;
  border-radius:12px;
}
.promptText{
  background-color: #ffb266;
  opacity: .8;
  padding:6px 5px;
  box-sizing: border-box;
  overflow:hidden;
  color: #dc2d3b;
  position:fixed;
  top:0px;
  left: 0px;
  width:100%;
  font-size:1.2rem;
  .left{
    position:relative;
    overflow:hidden;
    width: 70%;
    float: left;
    p{
      margin-left:20px;
      padding-left: 10px;
      display: inline-block;
      position:absolute;
    }
  }
  .right{
    float: right;
    .txt{
      color: #dc2d3b;
    }
  }
}

}
/* 
@-webkit-keyframes anim1{
  0% {top: 25px;opacity: 1}
  50% {top: -25px;opacity: 1}
  75% {top: -25px ;opacity: 0}
  100%{top:25px;opacity: 0}
}
@-webkit-keyframes anim2{
  0% {top: -25px;opacity: 0}
  25% {top: 25px;opacity: 0}
  50% {top: 25px;opacity: 1}
  100%{top: -25px;opacity: 1}
}

.slide1{
  -webkit-animation: anim1 3.5s linear infinite;
}
.slide2{
  -webkit-animation: anim2 3.5s linear infinite;
} */
